import React, { useState } from 'react'
import styles from './step2.less'
import completedH from '../../assets/login/comp.png'
import line from '../../assets/enquiry/line.png'
import { useDispatch } from 'dva'

function Step2({ onNext }) {
  const [focusIndex, setFocusIndex] = useState(1)
  const dispatch = useDispatch()
  function onClick() {
    dispatch({
      type: 'index/apiGetUserSelf'
    })
    dispatch({
      type: 'index/setState',
      payload: {
        loginModalShow: false
      }
    })
  }
  return (
    <div className={styles.box}>
      <div className={styles.header}>
        <img src={completedH} className={styles.completedH}></img>
        <img src={line} className={styles.line}></img>
      </div>
      <button className={styles.button} onClick={onClick} style={{ minHeight: 44 }} >确认</button>
    </div >
  )
}

export default Step2
